const containerComponent = {
    type: 'containerComponent',
    title: '布局设置',
    list: [
        {
            type: 'Row',
            iconText: '单列布局',
            background: '#fff',
            span: [24],
            width: 100,
            height: 100,
            heightAuto: true,
            childList: {
                childList1: []
            }
        },
        {
            type: 'Row',
            iconText: '双列布局',
            background: '#fff',
            span: [12, 12],
            width: 100,
            height: 100,
            heightAuto: true,
            childList: {
                childList1: [],
                childList2: []
            }
        },
        {
            type: 'Row',
            iconText: '8 4 布局',
            background: '#fff',
            span: [16, 8],
            width: 100,
            height: 100,
            heightAuto: true,
            childList: {
                childList1: [],
                childList2: []
            }
        },
        {
            type: 'Row',
            iconText: '4 8 布局',
            background: '#fff',
            span: [8, 16],
            width: 100,
            height: 100,
            heightAuto: true,
            childList: {
                childList1: [],
                childList2: []
            }
        },
        {
            type: 'Row',
            iconText: '三列布局',
            background: '#fff',
            span: [8, 8, 8],
            width: 100,
            height: 100,
            heightAuto: true,
            childList: {
                childList1: [],
                childList2: [],
                childList3: []
            }
        },
        {
            type: 'Row',
            iconText: '2 8 2 布局',
            background: '#fff',
            span: [4, 16, 4],
            width: 100,
            height: 100,
            heightAuto: true,
            childList: {
                childList1: [],
                childList2: [],
                childList3: []
            }
        },
        {
            type: 'Row',
            iconText: '3 6 3 布局',
            background: '#fff',
            width: 100,
            height: 100,
            heightAuto: true,
            span: [6, 12, 6],
            childList: {
                childList1: [],
                childList2: [],
                childList3: []
            }
        },

        {
            type: 'Row',
            iconText: '四列布局',
            background: '#fff',
            span: [6, 6, 6, 6],
            width: 100,
            height: 100,
            heightAuto: true,
            childList: {
                childList1: [],
                childList2: [],
                childList3: [],
                childList4: []
            }
        },
        {
            type: 'Row',
            iconText: '六列布局',
            background: '#fff',
            span: [4, 4, 4, 4, 4, 4],
            width: 100,
            height: 100,
            heightAuto: true,
            childList: {
                childList1: [],
                childList2: [],
                childList3: [],
                childList4: [],
                childList5: [],
                childList6: []
            }
        },
        {
            type: 'RowTab',
            iconText: 'TAB布局',
            background: '#fff',
            curTab: 'f0',
            width: 100,
            height: 100,
            heightAuto: true,
            tabList: [
                { label: 'Tab0', value: 'f0' },
                { label: 'Tab1', value: 'f1' }
            ],
            childList: {
                childList1: [],
                childList2: []
            }
        }
    ]
}
export default containerComponent
